﻿<%@ Page Title="Home" Language="C#" MasterPageFile="~/NH.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="NH.Web.Pages.Home" %>
<%@ Register TagPrefix="uc" TagName="bottomLinks" Src="~/Controls/BottomLinks.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <link rel="stylesheet" href="Content/main/css/nivo-slider.css" type="text/css" media="screen" />
<style>
#slider {
	position:relative;
	background:url(images/loading.gif) no-repeat 50% 50%; 
	margin-top:-10px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivo-caption {
    left: 20px;
    bottom: 30px;
    width: 96%;
}

.nivo-caption-header {
    left: 20px;
    top: 30px;
    width: 96%;
    bottom: auto;
}
</style>
 
<div class="slider-wrapper theme-default">
    <div id="slider" class="nivoSlider">
        <img src="Content/main/images/MotherhoodLong.jpg" data-thumb="Content/main/images/MotherhoodLong.jpg" alt=""/>
        <img src="Content/main/images/WomanhoodLong.jpg" data-thumb="Content/main/images/WomanhoodLong.jpg" alt=""/>
        <img src="Content/main/images/Doctor.jpg" data-thumb="Content/main/images/Doctor.jpg" alt=""/>
        <img src="Content/main/images/ChildhoodLong.jpg" data-thumb="Content/main/images/ChildhoodLong.jpg" alt=""/>
        <img src="Content/main/images/ParenthoodLong.jpg" data-thumb="Content/main/images/ParenthoodLong.jpg" alt=""/>
    </div>
</div>

<uc:bottomLinks runat="server" />
    
  <script src="Scripts/jquery.nivo.slider.js" type="text/javascript"></script>
  <script type="text/javascript">
      $(window).load(function () {
          $('#slider').nivoSlider({
              effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
              slices: 15, // For slice animations
              boxCols: 8, // For box animations
              boxRows: 4, // For box animations
              animSpeed: 1000, // Slide transition speed
              pauseTime: 8000, // How long each slide will show
              startSlide: 0, // Set starting Slide (0 index)
              directionNav: false, // Next & Prev navigation
              controlNav: false, // 1,2,3... navigation
              controlNavThumbs: false, // Use thumbnails for Control Nav
              pauseOnHover: false, // Stop animation while hovering
              manualAdvance: false, // Force manual transitions
              prevText: 'Prev', // Prev directionNav text
              nextText: 'Next', // Next directionNav text
              randomStart: false, // Start on a random slide
              beforeChange: function () { }, // Triggers before a slide transition
              afterChange: function () { }, // Triggers after a slide transition
              slideshowEnd: function () { }, // Triggers after all slides have been shown
              lastSlide: function () { }, // Triggers when last slide is shown
              afterLoad: function () { } // Triggers when slider has loaded
          });
      });
</script>  

</asp:Content>
